<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h2>一、为什么要划分</h2>
  <div>使用vue构建项目，项目结构清晰会提高开发效率，熟悉项目的各种配置同样会让开发效率更高</div>
  <br>
  <div>在划分项目结构的时候，需要遵循一些基本的原则：</div>
  <ul>
    <li>文件夹和文件夹内部文件的语义一致性</li>
    <li>单一入口/出口</li>
    <li>就近原则，紧耦合的文件应该放到一起，且应以相对路径引用(绝对路径有全局的语义，相对路径有独立模块的语义)</li>
    <li>公共的文件应该以绝对路径的方式从根目录引用</li>
    <li>/src 外的文件不应该被引入</li>
  </ul>
  <h2>小结</h2>
  <div>项目的目录结构很重要，因为目录结构能体现很多东西，怎么规划目录结构可能每个人有自己的理解，但是按照一定的规范去进行目录的设计，能让项目整个架构看起来更为简洁，更加易用</div>
</body>
</html>